<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>기본 테이블 소스</title>
<link rel="stylesheet" href="../css/JinReset.css" /><!-- css 초기화 -->
<link rel="stylesheet" href="css/layout.css" />
<!-- JS 불러오기 -->
<script src="js/jquery-1.9.1.js"></script>
<script src="../js/topBtn.js"></script>
<style>
	a:hover{text-decoration:underline}
	
	table{table-layout:fixed;width:100%;border-right:1px solid #c5c5c5;border-top:1px solid #c5c5c5}
	table th,table td{padding:7px 10px;border-left:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5}
	.board_title{width:55%}
	td.board_title{text-align:left}
	.board_date{width:9%}
	
	/* 글자제한 */
	td.board_title,td.board_author,td.board_category{
		/*************************************************************/
		overflow:hidden;				/* width 넘어가는 글자 안보이게 처리 */
		white-space:nowrap;			/* 줄바꿈 안함                       */
		text-overflow:ellipsis;	/* 잘린 글자 마지막에 "..." 삽입     */
		/*************************************************************/
	}
</style>
</head>
<body>
<div id="wrap">
	<a class="link" href="index.html">목록으로</a>
  <div id="container">
  	<table>
    	<thead>
        <tr>
          <th class="board_no">NO</th>
          <th class="board_category">분류</th>
          <th class="board_title">제목</th>
          <th class="board_author">글쓴이</th>
          <th class="board_date">날짜</th>
          <th class="board_views">조회수</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="board_no">1</td>
          <td class="board_category">분류1</td>
          <td class="board_title"><a href="#">문자메세지는 500글자 이상이므로 초과된 글자수는 자동으로 삭제됩니다./////문자메세지는 500글자 이상이므로 초과된 글자수는 자동으로 삭제됩니다.</a></td>
          <td class="board_author">진냥이//////////진냥이</td>
          <td class="board_date">2014.04.22</td>
          <td class="board_views">105</td>
        </tr>
        <tr>
          <td class="board_no">...</td>
          <td class="board_category">...</td>
          <td class="board_title"><a href="#"> 중략 </a></td>
          <td class="board_author">...</td>
          <td class="board_date">...</td>
          <td class="board_views">...</td>
        </tr>
        <tr>
          <td class="board_no">254997</td>
          <td class="board_category">분류3</td>
          <td class="board_title"><a href="#">문자메세지는 500글자 이상이므로 초과된 글자수는 자동으로 삭제됩니다.</a></td>
          <td class="board_author">진냥이</td>
          <td class="board_date">2014.04.22</td>
          <td class="board_views">36448</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
</body>
</html>
